<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
	<script type='text/javascript' src='qrcode.js'></script>
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
	<div id="qrcode" title="手机扫一扫 点击放大"></div>
<div id="qrbox_shadow"></div>
<div id="qrbox">
	<div class="closebtn"></div>
	<h4>手机扫码即可观看</h4>
	<div class="qrcode_big" title="手机扫一扫"></div>
	<div class="b">
		<p>请使用手机扫描二维码观看</p >
		<p>“金牛直播间”</p >
	</div>
</div>
<script>
$(function(){
	var qrcode=new QRCode($("#qrcode")[0],{width:96,height:96});
    qrcode.makeCode("http://"+location.host);
    var qrcode_big=new QRCode($(".qrcode_big")[0],{width:234,height:234});
    qrcode_big.makeCode("http://"+location.host);
});
$(document).on("click","#qrcode",function(){
	$("#qrbox,#qrbox_shadow").fadeIn();
});
$(document).on("click","#qrbox_shadow,#qrbox .closebtn",function(){
	$("#qrbox,#qrbox_shadow").fadeOut();
});
</script>
</body>
</html>